<template>
  <van-tabbar v-model="active" route>
    <van-tabbar-item to="/films" icon-prefix="iconfont" icon="dianying">电影</van-tabbar-item>
    <van-tabbar-item to="/cinema" icon-prefix="iconfont" icon="yingyuan">影院</van-tabbar-item>
    <van-tabbar-item to="/news"  icon-prefix="iconfont" icon="zixun">资讯</van-tabbar-item>
    <van-tabbar-item to="/center" icon-prefix="iconfont" icon="gerenfill">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    }
  },
};
</script>

<style lang="scss" scoped>
@import url('../assets/iconfont/iconfont.css')
</style>